ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Emmet Style Reflector

by Ermes Enea Colella ST3 Top 100

Reflect Emmet HTML expansion in Sass/LESS

Details

Installs

  • Total 299K
  • Win 248K
  • Mac 34K
  • Linux 17K
May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19
Windows 5 13 6 17 14 13 16 6 5 10 12 15 17 2 2 10 15 8 9 10 4 6 5 17 4 13 30 3 5 4 13 14 13 10 8 5 7 12 6 20 36 7 6 9 20 15
Mac 0 0 2 1 2 3 1 0 2 0 2 0 3 1 1 0 1 0 2 1 1 1 2 1 0 1 1 0 1 1 0 0 0 2 0 0 0 1 1 0 5 1 1 0 1 2
Linux 1 0 0 0 0 0 1 0 1 1 0 0 0 0 1 0 1 1 0 0 0 1 0 0 1 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 1 0 1 1 0 0
010203040May 3Apr 30Apr 27Apr 24Apr 21Apr 18Apr 15Apr 12Apr 9Apr 6Apr 3Mar 31Mar 28Mar 25Mar 22Mar 19May 3 Linux: 1 Mac: 0 Windows: 5May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14Apr 1 Linux: 0 Mac: 0 Windows: 13Mar 31 Linux: 0 Mac: 2 Windows: 10Mar 30 Linux: 0 Mac: 0 Windows: 8Mar 29 Linux: 1 Mac: 0 Windows: 5Mar 28 Linux: 0 Mac: 0 Windows: 7Mar 27 Linux: 0 Mac: 1 Windows: 12Mar 26 Linux: 0 Mac: 1 Windows: 6Mar 25 Linux: 0 Mac: 0 Windows: 20Mar 24 Linux: 1 Mac: 5 Windows: 36Mar 23 Linux: 0 Mac: 1 Windows: 7Mar 22 Linux: 1 Mac: 1 Windows: 6Mar 21 Linux: 1 Mac: 0 Windows: 9Mar 20 Linux: 0 Mac: 1 Windows: 20Mar 19 Linux: 0 Mac: 2 Windows: 15May 3 Linux: 1 Mac: 0 Windows: 5May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14Apr 1 Linux: 0 Mac: 0 Windows: 13Mar 31 Linux: 0 Mac: 2 Windows: 10Mar 30 Linux: 0 Mac: 0 Windows: 8Mar 29 Linux: 1 Mac: 0 Windows: 5Mar 28 Linux: 0 Mac: 0 Windows: 7Mar 27 Linux: 0 Mac: 1 Windows: 12Mar 26 Linux: 0 Mac: 1 Windows: 6Mar 25 Linux: 0 Mac: 0 Windows: 20Mar 24 Linux: 1 Mac: 5 Windows: 36Mar 23 Linux: 0 Mac: 1 Windows: 7Mar 22 Linux: 1 Mac: 1 Windows: 6Mar 21 Linux: 1 Mac: 0 Windows: 9Mar 20 Linux: 0 Mac: 1 Windows: 20Mar 19 Linux: 0 Mac: 2 Windows: 15May 3 Linux: 1 Mac: 0 Windows: 5May 2 Linux: 0 Mac: 0 Windows: 13May 1 Linux: 0 Mac: 2 Windows: 6Apr 30 Linux: 0 Mac: 1 Windows: 17Apr 29 Linux: 0 Mac: 2 Windows: 14Apr 28 Linux: 0 Mac: 3 Windows: 13Apr 27 Linux: 1 Mac: 1 Windows: 16Apr 26 Linux: 0 Mac: 0 Windows: 6Apr 25 Linux: 1 Mac: 2 Windows: 5Apr 24 Linux: 1 Mac: 0 Windows: 10Apr 23 Linux: 0 Mac: 2 Windows: 12Apr 22 Linux: 0 Mac: 0 Windows: 15Apr 21 Linux: 0 Mac: 3 Windows: 17Apr 20 Linux: 0 Mac: 1 Windows: 2Apr 19 Linux: 1 Mac: 1 Windows: 2Apr 18 Linux: 0 Mac: 0 Windows: 10Apr 17 Linux: 1 Mac: 1 Windows: 15Apr 16 Linux: 1 Mac: 0 Windows: 8Apr 15 Linux: 0 Mac: 2 Windows: 9Apr 14 Linux: 0 Mac: 1 Windows: 10Apr 13 Linux: 0 Mac: 1 Windows: 4Apr 12 Linux: 1 Mac: 1 Windows: 6Apr 11 Linux: 0 Mac: 2 Windows: 5Apr 10 Linux: 0 Mac: 1 Windows: 17Apr 9 Linux: 1 Mac: 0 Windows: 4Apr 8 Linux: 0 Mac: 1 Windows: 13Apr 7 Linux: 0 Mac: 1 Windows: 30Apr 6 Linux: 0 Mac: 0 Windows: 3Apr 5 Linux: 1 Mac: 1 Windows: 5Apr 4 Linux: 0 Mac: 1 Windows: 4Apr 3 Linux: 0 Mac: 0 Windows: 13Apr 2 Linux: 0 Mac: 0 Windows: 14Apr 1 Linux: 0 Mac: 0 Windows: 13Mar 31 Linux: 0 Mac: 2 Windows: 10Mar 30 Linux: 0 Mac: 0 Windows: 8Mar 29 Linux: 1 Mac: 0 Windows: 5Mar 28 Linux: 0 Mac: 0 Windows: 7Mar 27 Linux: 0 Mac: 1 Windows: 12Mar 26 Linux: 0 Mac: 1 Windows: 6Mar 25 Linux: 0 Mac: 0 Windows: 20Mar 24 Linux: 1 Mac: 5 Windows: 36Mar 23 Linux: 0 Mac: 1 Windows: 7Mar 22 Linux: 1 Mac: 1 Windows: 6Mar 21 Linux: 1 Mac: 0 Windows: 9Mar 20 Linux: 0 Mac: 1 Windows: 20Mar 19 Linux: 0 Mac: 2 Windows: 15

Readme

Source
raw.​githubusercontent.​com

emmet-style-reflector

Dependency

Obviously, Emmet

Description

Reflect Emmet HTML expansion in Sass/LESS

How to use

Alt text for your video

Changelogs

v1.0.2

  • tag without class and id will have “>”

Expansions tested

  • Child: #first>ul>li
#first {

    >ul {

        >li {

        }

    }

}
  • Sibling: div+p+blockquote
>div {

}

>p {

}

>blockquote {

}
  • Climb-up: #first+#second>p>span+em^blockquote
#first {

}

#second {

    >p {

        >span {

        }

        >em {

        }

    }

    >blockquote {

    }

}
  • Grouping: #first>(header>ul>li*2>a)+footer>p
#first {

    header {

        >ul {

            >li {

                >a {

                }

            }

        }

    }

    footer {

        >p {

        }

    }

}
  • Video demo: header>(ul#menu>li*5>a)^div#home>div.rensponsive960>div.box>div.title+div.body
header {

    #menu {

        >li {

            >a {

            }

        }

    }

}

#home {

    .rensponsive960 {

        .box {

            .title {

            }

            .body {

            }

        }

    }

}
  • Extreme: #first>(header[title="Hello world!"]>ul#menu>li.menuItem$@-*5>a)+footer{bla bla bla}^script
#first {

    header {

        #menu {

            .menuItem {

                >a {

                }

            }

        }

    }

    footer {

    }

}

script {

}